import React, { PureComponent } from "react";

class Child extends PureComponent {
  // 在react里面，只要父组件render了，子组件也会跟着render
  // 父render -> 子render -> 子componentDidMount -> 父componentDidMount
  render() {
    console.log("child render");
    return <div>child组件</div>;
  }

  componentDidMount() {
    console.log("child componentDidMount");
  }

  // 更新阶段
  // 组件将要接受props
  UNSAFE_componentWillReceiveProps() {
    console.log("componentWillReceiveProps");
  }
  // shouldComponentUpdate(prevProps) {
  //   console.log("child shouldComponentUpdate");
  //   return prevProps.count !== this.props.count;
  // }

  // 卸载阶段
  // 卸载前
  // 关闭定时器，关闭websocket，解除事件监听，第三方插件
  componentWillUnmount() {
    console.log("child componentWillUnmount");
  }
}

export default Child;
